<template>
<div>
	<Row>
        <Col span="2" class="pointer">
        	<Icon type="ios-menu" size="28" />
        </Col>
        <Col span="12">
        	<!-- <Breadcrumb>
		        <BreadcrumbItem to="/dashboard">首页</BreadcrumbItem>
		        <BreadcrumbItem>系统设置</BreadcrumbItem>
		        <BreadcrumbItem>菜单管理</BreadcrumbItem>
		    </Breadcrumb> -->

		    <Menu v-if="systemList.length > 0" 
		    mode="horizontal" :theme="'light'" :active-name="active"  
		    @on-select="select"
		    >
		        <MenuItem 
		        v-for="(item, index) in systemList"
		        :name="index"
		        >
		            {{item.name}}
		        </MenuItem>
		    </Menu>
        </Col>
    </Row>
</div>
</template>

<script>

import { mapGetters } from 'vuex'
export default {
	
	name : 'dlqheader',
	
	data () {
		return {
		  	active : 0,
		}
	},

	props : {

	},

	components : {
		
	},

	computed : {
		...mapGetters([
			'systemList', 
		]),
	},

	methods : {
		select (name) {
			console.log(name);
			this.$store.commit('setMenu', name);
		}
	},

	watch : {
	    
	},

	mounted () {
		
	},

}
</script>

<style scoped>

</style>
